/*
* @Author: msi-pc
* @Date:   2021-04-06 23:42:59
* @Last Modified by:   msi-pc
* @Last Modified time: 2021-04-18 22:21:08
*/
/*cats = require('./cats.js');
console.log(cats);*/


import 'animate.css';
import { WOW } from 'wowjs';

new WOW(
      {
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 100,
        mobile: true,
        live: true,
        callback: function(box) {
          console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
        }
      }
  ).init();


    // wow = new WOW(

    // );
    // wow.init();
    // document.getElementById('moar').onclick = function() {
    //     var section = document.createElement('section');
    //     section.className = 'section--purple wow fadeInDown';
    //     this.parentNode.insertBefore(section, this);
    // };


console.log('hello index');
$('.heading-underline').html('【req_index.js】');

require('css/bootstrap.min.css');

require('css/owl.carousel.css');
require('css/popuo-box.css');
require('css/style.css');
//WOW
//require('css/animate.css');
require('css/site.css');

require('util/js/bootstrap.min.js');
require('util/js/responsiveslides.min.js');// responsiveslides  响应式幻灯片插件
require('util/js/owl.carousel.js');        // Owl-Carousel      响应式轮播滑块
/*require('util/js/jquery.magnific-popup.js');
require('util/js/jquery.inview.min.js');*/
//require('util/js/wow.js');  
//require('util/js/wow.min.js');           // 能让页面滚动时显示动画，使页面更有趣。
require('util/js/mousescroll.js');         // 自定滚动条
require('util/js/numscroller-1.0.js');     // numscroller  数字跑马

//require('util/js/move-top.js');           // move-top     置顶框
require('util/js/easing.js');
//require('util/js/main.js');
require('util/js/skills.js');
/*import '../index.css';*/
// $(document).ready(function() {
//   $('#myTabs>li').hover(function(e) {
//     e.preventDefault()
//     $(this).find("a").tab('show')
//   })
// })

// new WOW({
//     boxClass:     'wow',      // animated element css class (default is wow)
//     animateClass: 'animated', // animation css class (default is animated)
//     offset:       0,          // distance to the element when triggering the animation (default is 0)
//     mobile:       true,       // trigger animations on mobile devices (default is true)
//     live:         true,       // act on asynchronously loaded content (default is true)
//     scrollContainer: null // optional scroll container selector, otherwise use window
// }).init()


//new WOW().init();




// $('#about-us-test').bind('inview',function() {
//   var obj = document.getElementByClassName('.progress-bar-test')
//   console.log(obj);
//   console.log(obj.style.aria-valueno);
//   obj.style.cssText = "width: " + obj.style.aria-valueno +"%";
//   console.log(obj.style.cssText);
//   $(this).unbind('inview');
// });
/*
jQuery(function($) {

  // Progress Bar
  $('#about-us').bind('inview', function(event, visible, visiblePartX, visiblePartY) {
    if (visible) {
      $.each($('div.progress-bar'),function(){
        $(this).css('width', $(this).attr('aria-valuetransitiongoal')+'%');
      });
      $(this).unbind('inview');
    }
  });
  
});
*/

var _mm = require('util/mm.js');

//var template = require("ejs!/view/layout/index-script.ejs");

var html = '<div>{{data}}</div>';
var data = {
  data : 123
}
console.log(_mm.renderHtml(html,data));

  // Progress Bar
  // $('#about-us').bind('inview', function() {
  //     $.each($('div.progress-bar'),function(){
  //       $(this).css('width', $(this).attr('aria-valuetransitiongoal')+'%');
  //     });
  //     $(this).unbind('inview');


  // });

// $('#about-us-test').ready(function() {
//     // 模拟进度条：百分数增加，0-30时为红色，30-60为黄色，60-90为蓝色，>90为绿色
//   var value = 0;
//   setInterval(function(e){
//     if (value != 100) {
//       value = parseInt(value) + 1;
//       $(".progress-bar-test").css("width", value + "%").text(value + "%");
//       if (value>=0 && value<=30) {
//         $(".progress-bar-test").addClass("progress-bar-danger");
//         } else if (value>=30 && value <=60) {
//           $(".progress-bar-test").removeClass("progress-bar-danger");
//             $(".progress-bar-test").addClass("progress-bar-warning");
//         } else if (value>=60 && value <=90) {
//             $(".progress-bar-test").removeClass("progress-bar-warning");
//             $(".progress-bar-test").addClass("progress-bar-info");
//         } else if(value >= 90 && value<100) {
//             $(".progress-bar-test").removeClass("progress-bar-info");
//             $(".progress-bar-test").addClass("progress-bar-success");    
//         }
//     }
//   }, 50);

// });

//  No 'Access-Control-Allow-Origin' 跨域
// _mm.request({
//   url: '/cart/get_cart_product_count.do',
//   success: function(resp){
//     console.log(resp);
//   },
//   error: function(errMsg){
//     console.log(errMsg);
//   }
// });

// console.log(_mm.getUrlParam('test'));






